<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8"%>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>unique</title>
    <link type="text/css" href="css/css.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/styles.css">
    <script type="text/javascript" src="js/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/js.js"></script>
    <script type="text/javascript" src="js/payfor.js"></script>
</head>

<body>
<header id="header">
    <jsp:include page="head.jsp"/>
</header>
<div id="headline">
    <img src="img/headline.jpg" alt="">
    <hgroup>
        <h2>旅游资讯</h2>
        <h3>介绍各种最新旅游信息、资讯要闻、景点攻略等</h3>
    </hgroup>
</div>

<div class="buyinfo">
    <div class="buyDtl">
        <div class="buyDtlLeft">
            <div class="buyimgBig">
                <img src="${lise.picture}" width="360" height="360" />
                <%--<img src="images/buyinfo1.jpg" width="360" height="360" />--%>
                <%--<img src="images/buyinfo1.jpg" width="360" height="360" />--%>
                <%--<img src="images/buyinfo1.jpg" width="360" height="360" />--%>
                <%--<img src="images/buyinfo1.jpg" width="360" height="360" />--%>
            </div><!--buyimgBig/-->
            <%--<ul class="buyimgsmall">--%>
            <%--<li><img src="images/buyinfo-s1.jpg" width="50" height="50" /></li>--%>
            <%--<li><img src="images/buyinfo-s2.jpg" width="50" height="50" /></li>--%>
            <%--<li><img src="images/buyinfo-s3.jpg" width="50" height="50" /></li>--%>
            <%--<li><img src="images/buyinfo-s4.jpg" width="50" height="50" /></li>--%>
            <%--<li><img src="images/buyinfo-s5.jpg" width="50" height="50" /></li>--%>
            <%--</ul><!--buyimgsmall/-->--%>
        </div><!--buyDtlLeft/-->

        <div class="buyDtlRight">
            <h3>${lise.city.name}</h3>
            <h4>${lise.introduce}</h4>
            <h5>价格：<span></span><strong id="price_item_1">${lise.price}</strong></h5>
            <table class="buyTable">
                <tr>
                    <th width="70">交通:</th>
                    <td>${lise.traffic}</td>
                </tr>
                <tr>
                    <th width="70">团期</th>
                    <td>${lise.needed}</td>
                </tr>

                <tr>
                    <th width="70">购买数量</th>
                    <td>
                        <div class="p_number">
                            <div class="f_l add_chose">
                                <a class="reduce" onClick="setAmount.reduce('#qty_item_1')" href="javascript:void(0)">-</a>
                                <input type="text" name="qty_item_1" value="1" id="qty_item_1" onKeyUp="setAmount.modify('#qty_item_1')" class="text" />
                                <a class="add" onClick="setAmount.add('#qty_item_1')" href="javascript:void(0)">+</a>
                            </div>

                            <div class="f_l buy">
                                总价：<span class="total-font" id="total_item_1">89</span>
                                <input type="hidden" name="total_price" id="total_price" value="" />
                            </div>
                            <div style="display: none">
                                <span id="idd">${lise.id}</span>
                            </div>
                        </div>
                    </td>
                </tr>
            </table><!--buyTable/-->
            <div class="goumai">
                <a href="#" class="buy-gou" onclick="add()">立即购买</a>

            </div><!--goumai/-->
            <script>
                function add() {
                    var a=$("#qty_item_1").val();
                    var c=$("#total_price").val();
                    var id=$("#idd").text();

                    location.href="addOrderForm.html?id="+id+"&quantity="+a+"&totalPrice="+c;
                }
            </script>
        </div><!--buyDtlRight/-->
        <div class="clears"></div>
    </div><!--buyDtl/-->
</div>
<footer id="footer">
    <div class="top sm-hidden">
        <div class="block left">
            <h2>合作伙伴</h2>
            <hr>
            <ul class="ul">
                <li>途牛旅游网</li>
                <li>驴妈妈旅游网</li>
                <li>携程旅游</li>
                <li>中国青年旅社</li>
            </ul>
        </div>

        <div class="block center">
            <h2>旅游FAQ</h2>
            <hr>
            <ul class="ul">
                <li>旅游合同签订方式？</li>
                <li>儿童价是基于什么制定的？</li>
                <li>旅游的线路品质是怎么界定的？</li>
                <li>旅游保险有些什么种类？</li>
            </ul>
        </div>
        <div class="block right">
            <h2>联系方式</h2>
            <hr>
            <ul class="ul">
                <li>微博：weibo.com/maodo</li>
                <li>邮件：sh@maodou.com</li>
                <li>地址：西安市雁塔区123号</li>
            </ul>
        </div>
    </div>
    <div class="chearfix"></div>
    <div class="version sm-visible">
        客户端 | 触屏版 | 电脑版
    </div>
    <div class="bottom">Copyright © SHMD 山河旅行社| 陕ICP 备120110119 号 更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a><span class="sm-hidden">| 旅行社经营许可证：L-SH-BK12345</span></div>
</footer>
</body>
</html>